/* BOILERPLATE CSS - Reset css, fonts, base styles and helper classes
=======================================================================================================================
*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	-webkit-font-smoothing: antialiased;
}
html, body {
	height: 100%
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
nav ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	outline: none;
	-webkit-transition: background, color 0.3s ease-in;
	-moz-transition: background, color 0.3s ease-in;
	-o-transition: background, color 0.3s ease-in;
	transition: background, color 0.3s ease-in;
}
ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}
mark {
	background-color: #ff9;
	color: #000;
	font-style: italic;
	font-weight: bold;
}
del {
	text-decoration: line-through
}
abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}
table {
	border-collapse: collapse;
	border-spacing: 0px;
}
hr {
	display: block;
	height: 1px;
	border: 0;
	margin: 0;
	padding: 0;
}
/*
input, select                           { vertical-align: text-top }
*/

/** FONTS - Refer to developer.yahoo.com/yui/3/cssfonts/ for font sizing percentages
 * ----------------------------------------------------------------------------------------------------
 */
body {
	font: 12px/1.6 Arial, Helvetica, sans-serif;
 *font-size: small;
	color:#4b4b4b;
}
select, input, textarea, button {
	font: 99% Arial, Helvetica, sans-serif;
}
pre, code, kbd, samp {
	font-family: monospace, sans-serif
}
/** BASE STYLES
 * ----------------------------------------------------------------------------------------------------
 */
body, select, input, textarea {
	color: #4b4b4b; /* set your base font here, to apply evenly */
}
h1, h2, h3, h4, h5, h6, fieldset legend {
	font-weight: normal;
	font-family: 'Droid Sans', arial, serif;
}
html {
	overflow-y: scroll
}
a:hover, a:active {
	outline: none
}
a, a:active, a:visited {
	color: #607890
}
a:hover {
	color: #036
}
ul, ol {
	margin-left: 1.8em
}
ol {
	list-style-type: decimal
}
nav ul, nav li {
	margin: 0
} /*  Remove margins for navigation lists */
small {
	font-size: 85%
}
strong, th {
	font-weight: bold
}
td, td img {
	vertical-align: top
}
sub {
	vertical-align: sub;
	font-size: smaller;
}
sup {
	vertical-align: super;
	font-size: smaller;
}
pre {
	white-space: pre; /* CSS2 */
	white-space: pre-wrap; /* CSS 2.1 */
	white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
	word-wrap: break-word; /* IE */
}
textarea {
	overflow: auto
}
input[type="search"] {
	-webkit-appearance: textfield
}
input[type=button], input[type=submit], button {
	cursor: pointer
} /* hand cursor on clickable input elements  */
button::-moz-focus-inner, input[type="reset"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner, input[type="submit"]::-moz-focus-inner, input[type="file"] > input[type="button"]::-moz-focus-inner {
border: none
}
button, input, select, textarea {
	margin: 0;
	paddding: 0;
}
::-moz-selection {
background: #0067e7;
color: #fff;
text-shadow: none;
}
::selection {
 background: #0067e7;
 color: #fff;
 text-shadow: none;
}
a:link {
	-webkit-tap-highlight-color: #FF5E99
} /* j.mp/webkit-tap-highlight-color  */
button {
	width: auto;
	overflow: visible;
}
.ie7 img {
	-ms-interpolation-mode: bicubic
}
/** NON SEMANTIC HELPER CLASSES
 * ----------------------------------------------------------------------------------------------------
 */


/* for image replacement  */
.ir {
	display: block;
	text-indent: -999em;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
/* Hide for both screenreaders and browsers*/
.hidden {
	display: none;
	visibility: hidden;
}
/* Hide only visually, but have it available for screenreaders */
.visuallyhidden {
	position: absolute !important;
	clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
}
.invisible {
	visibility: hidden
}
.clearfix:before, .clearfix:after {
	content: ".";
	display: block;
	height: 0;
	overflow: hidden;
	visibility:hidden;
}
.clearfix:after {
	clear: both
}
.clearfix {
	zoom: 1
}
.inline {
	display:inline !important;
	;
}
.wf {
	width: 100%
}
.wh {
	width: 50%
}
.tar {
	text-align: right
}
.tal {
	text-align: left
}
.tac {
	text-align: center
}
.fl {
	float: left !important;
}
.fr {
	float: right !important;
}
.fn {
	float: none !important;
}
.clear {
	clear: both;
}
.no_margin {
	margin: 0 !important
}
.no_padding {
	padding: 0 !important
}
.no_padding_top {
	padding-top: 0px !important
}
.no_padding_bottom {
	padding-bottom: 0px !important
}
.no_padding_left {
	padding-left: 0px !important
}
.no_padding_right {
	padding-right: 0px !important
}
.padding10 {
	padding: 10px
}
.padding20 {
	padding: 20px
}
.padding20bottom {
	padding-bottom: 20px
}
.padding20top {
	padding-top: 20px
}
.padding10left {
	padding-left: 10px
}
.margin2bottom {
	margin-bottom: 2em;
}
.margin20top {
	margin-top: 2em;
}
.margin10top {
	margin-top: 1em;
}
.margin10bottom {
	margin-bottom: 1em;
}
.margin10right {
	margin-right: 1em;
}
.margin10left {
	margin-left: 1em;
}
.border_left_inset {
	border-left:1px solid #e2e1e2;
	box-shadow:         -1px 0px 0px #fff;
	-moz-box-shadow:    -1px 0px 0px #fff;
	-webkit-box-shadow: -1px 0px 0px #fff;
	padding-left:50px;
}
/* END RESET CSS
   =======================================================================================================================
*/




/* GRID STRUCTURE
   =======================================================================================================================
*/


/** Containers
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
}
/** Grid >> Global
 * ----------------------------------------------------------------------------------------------------
 */
.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display: inline;
	float: left;
	margin-left: 1%;
	margin-right: 1%;
}
/** Margin for Section
 * ----------------------------------------------------------------------------------------------------
 */
section.grid_1, section.grid_2, section.grid_3, section.grid_4, section.grid_5, section.grid_6, section.grid_7, section.grid_8, section.grid_9, section.grid_10, section.grid_11, section.grid_12 {
	margin-bottom: 1.5em
}
/** Grid >> Children (Alpha ~ First, Omega ~ Last)
 * ----------------------------------------------------------------------------------------------------
 */
.alpha {
	margin-left: 0
}
.omega {
	margin-right: 0
}
/** Grid >> 12 Columns
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 .grid_1 {
	width: 6.333%
}
.container_12 .grid_2 {
	width: 14.667%
}
.container_12 .grid_3 {
	width: 23.0%
}
.container_12 .grid_4 {
	width: 31.333%
}
.container_12 .grid_5 {
	width: 39.667%
}
.container_12 .grid_6 {
	width: 48.0%
}
.container_12 .grid_7 {
	width: 56.333%
}
.container_12 .grid_8 {
	width: 64.667%
}
.container_12 .grid_9 {
	width: 73.0%
}
.container_12 .grid_10 {
	width: 81.333%
}
.container_12 .grid_11 {
	width: 89.667%
}
.container_12 .grid_12 {
	width: 98.0%
}
/** Prefix Extra Space >> 12 Columns
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 .prefix_1 {
	padding-left: 8.333%
}
.container_12 .prefix_2 {
	padding-left: 16.667%
}
.container_12 .prefix_3 {
	padding-left: 25.0%
}
.container_12 .prefix_4 {
	padding-left: 33.333%
}
.container_12 .prefix_5 {
	padding-left: 41.667%
}
.container_12 .prefix_6 {
	padding-left: 50.0%
}
.container_12 .prefix_7 {
	padding-left: 58.333%
}
.container_12 .prefix_8 {
	padding-left: 66.667%
}
.container_12 .prefix_9 {
	padding-left: 75.0%
}
.container_12 .prefix_10 {
	padding-left: 83.333%
}
.container_12 .prefix_11 {
	padding-left: 91.667%
}
/** Suffix Extra Space >> 12 Columns
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 .suffix_1 {
	padding-right: 8.333%
}
.container_12 .suffix_2 {
	padding-right: 16.667%
}
.container_12 .suffix_3 {
	padding-right: 25.0%
}
.container_12 .suffix_4 {
	padding-right: 33.333%
}
.container_12 .suffix_5 {
	padding-right: 41.667%
}
.container_12 .suffix_6 {
	padding-right: 50.0%
}
.container_12 .suffix_7 {
	padding-right: 58.333%
}
.container_12 .suffix_8 {
	padding-right: 66.667%
}
.container_12 .suffix_9 {
	padding-right: 75.0%
}
.container_12 .suffix_10 {
	padding-right: 83.333%
}
.container_12 .suffix_11 {
	padding-right: 91.667%
}
/** Push Space >> 12 Columns
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 .push_1 {
	left: 8.333%
}
.container_12 .push_2 {
	left: 16.667%
}
.container_12 .push_3 {
	left: 25.0%
}
.container_12 .push_4 {
	left: 33.333%
}
.container_12 .push_5 {
	left: 41.667%
}
.container_12 .push_6 {
	left: 50.0%
}
.container_12 .push_7 {
	left: 58.333%
}
.container_12 .push_8 {
	left: 66.667%
}
.container_12 .push_9 {
	left: 75.0%
}
.container_12 .push_10 {
	left: 83.333%
}
.container_12 .push_11 {
	left: 91.667%
}
/** Pull Space >> 12 Columns
 * ----------------------------------------------------------------------------------------------------
 */
.container_12 .pull_1 {
	left: -8.333%
}
.container_12 .pull_2 {
	left: -16.667%
}
.container_12 .pull_3 {
	left: -25.0%
}
.container_12 .pull_4 {
	left: -33.333%
}
.container_12 .pull_5 {
	left: -41.667%
}
.container_12 .pull_6 {
	left: -50.0%
}
.container_12 .pull_7 {
	left: -58.333%
}
.container_12 .pull_8 {
	left: -66.667%
}
.container_12 .pull_9 {
	left: -75.0%
}
.container_12 .pull_10 {
	left: -83.333%
}
.container_12 .pull_11 {
	left: -91.667%
}
/* END GRID STRUCTURE
   =======================================================================================================================
*/



/* TYPOGRAPHY & GENERAL STYLING
   =======================================================================================================================
*/


/** WRAPPER & BODY STYLES
 * ----------------------------------------------------------------------------------------------------
 */
body {
}
#main {
}
/** HEADINGS
 * ----------------------------------------------------------------------------------------------------
 */
h1, h2, h3, h4, h5, h6 {
	margin-top: 0.8em;
	margin-bottom: .3em; /** Variable margin on bottom for all headings **/
}
h1 {
	font-size: 220%;
	margin-top: 0.3em;
	color: #495258;
	text-shadow: 1px 1px 0px #fff;
	margin-bottom: 10px;
}
h2 {
	font-size: 210%;
	color:#303031;
	text-shadow: 1px 1px 0px #fff;
}
h2 {
	font-size: 210%
}
h3 {
	font-size: 160%
}
h4 {
	font-size: 150%
}
h5 {
	font-size: 140%
}
h6 {
	font-size: 120%
}
/** Styled heading class **/
.heading_style1 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #f5f5f5;
	text-transform: uppercase;
	padding: 0px;
	margin: 15px 0 10px 0;
	font-size: 85%;
}
.heading_style1 span {
	background-color: white;
	padding: 1px 10px 1px 1px;
}
/** BORDERS
 * ----------------------------------------------------------------------------------------------------
 */
.border_bottom_1 {
	background: url(../images/border_bottom_1.gif) bottom left repeat-x;
	padding-bottom: 5px;
}
.border_bottom_2 {
	background: url(../images/border_bottom_2.gif) bottom left repeat-x;
	padding-bottom: 5px;
}
.border_bottom_3 {
	background: url(../images/border_bottom_3.gif) bottom left repeat-x;
	padding-bottom: 3px;
}
.inset_border {
	border-bottom:1px solid #e2e1e2;
	box-shadow:         0px 0px 1px #fff;
	-moz-box-shadow:    0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
}
/** TYPOGRAPHY
 * ----------------------------------------------------------------------------------------------------
 */
a {
	text-decoration: none
}
hr {
	height: 1px;
	margin: 2em 0px;
	border-top: 1px solid #fdfdfd;
	border-bottom: 1px solid #d1d1d1;
	border-right-style: none;
	border-left-style: none;
}
.ie7 hr {
	border-bottom-style: none
}
td, th {
	padding: 5px;
	display: table-cell;
}
p {
	padding: 0em 0px 1em
}
ol {
	list-style: decimal inside
}
ul {
	list-style: disc inside
}
blockquote {
	font-style: italic;
	padding-left: 3em;
	background: url(../images/blockquote_bg.png) no-repeat left top;
}
cite {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #7f7f7f;
	text-decoration: none;
	font-style: italic;
}
code {
	background: #f7f8f9;
	padding: 3px;
	display: block;
}
/* END - TYPOGRAPHY & GENERAL STYLING
   =======================================================================================================================
*/




/* FORMS
   =======================================================================================================================
*/
fieldset {
	border-top: 1px solid #d4d9df;
	padding-top: 1em;
	margin-top: 1em;
	margin-bottom:5em;
}
fieldset legend {
	color: #0070e9;
	padding-right: 10px;
	font-size: 123.1%;
	font-weight:bold;
}
form .field {
	vertical-align: middle;
	padding:10px;
}
form .field label {
	font-size: 12px;
	text-align:right;
	padding-right:10px;
	display: block;
	width:150px;
	float:left;
}
form p small {
	color: #777;
	font-size: 0.75em;
	display: block;
}
form input, form select, form textarea, form .wysiwyg {
	padding: 4px 8px;
	color: #363636;
	border: 1px solid #dfdede;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.dashboard form input, .dashboard form select, .dashboard form textarea, .dashboard form .wysiwyg {
	padding: 8px 7px;
	color: #363636;
	border: 1px solid #dfdede;
	outline: none;
	font-size:12px;
	-webkit-transition: all 0.3s ease-in;
	-moz-transition: all 0.3s ease-in;
	-o-transition: all 0.3s ease-in;
	transition: all 0.3s ease-in;
}
.dashboard form label {
	font-weight:bold;
}
.dashboard .create_guide_textarea {
	width:440px;
}
form input.small, form textarea.small {
	width: 40%
}
form input.med, form textarea.med {
	width: 60%
}
form input.large, form textarea.large {
	width: 95%
}
/* colors for form validity  */
input.invalid, textarea.invalid {
	-moz-box-shadow: 0px 0px 3px red;
	-webkit-box-shadow: 0px 0px 3px red;
	box-shadow: 0px 0px 3px red;
}
.no-boxshadow input.invalid, .no-boxshadow textarea.invalid {
	border: 1px solid red;
	background-color: #fff5f7;
}
/** Focus styles
 * ----------------------------------------------------------------------------------------------------
 */
form input:focus, form select:focus, form textarea:focus {
	border: 1px solid #b7d6ff;
	box-shadow: #b7d6ff 0px 0px 3px;
	-moz-box-shadow: #b7d6ff 0px 0px 3px;
	-webkit-box-shadow: #b7d6ff 0px 0px 3px;
}
/** Error styles
 * ----------------------------------------------------------------------------------------------------
 */
.validator { /* supply height to ensure consistent positioning for every browser */
	height: 18px;
	font-size: 85%;
	color: #fff;
	padding: 3px 10px;
	margin-left: -2px;
	line-height: 18px;
	vertical-align: middle;
	opacity: 0.8;
	background-color: #2D2D2D;
	background: -moz-linear-gradient(top, #2D2D2D 0%, #0e0e0e 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2D2D2D), color-stop(100%, #0e0e0e)); /* webkit */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	position:absolute;
}
.validator .arrow {
	width: 0; /**    Make Tip shape using polygonal shape with borders and without css http: //www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/ **/
	height: 0;
	border-left: 0px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #0e0e0e;
	border-bottom: 0px;
	display: block;
	position: absolute;
	bottom: -6px;
	left: 10px;
}
form input[type="checkbox"], form input[type="radio"] {
	padding: 0;
	background: none;
	border: none;
	margin:0 0.5em;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/** Disabled form Elements
 * ----------------------------------------------------------------------------------------------------
 */
button[disabled]:active, button[disabled], input[type="reset"][disabled]:active, input[type="reset"][disabled], input[type="button"][disabled]:active, input[type="button"][disabled], select[disabled] > input[type="button"], select[disabled] > input[type="button"]:active, input[type="submit"][disabled]:active, input[type="submit"][disabled], input[type="text"][disabled] {
	border: 1px solid #d6d6d6;
	color: GrayText;
	cursor: inherit;
	background: #dbdbdb;
}
/** Buttons
 * ----------------------------------------------------------------------------------------------------
 */
.button {
	font-size: 93%;
	font-weight: bold;
	border: none;
	padding: 0.6em 1em;
	text-align: center;
	display: inline-block;
	outline: 0px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	box-shadow:         0 1px 1px rgba(255, 255, 255, 1);
	-moz-box-shadow:    0 1px 1px rgba(255, 255, 255, 1);
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 1);
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
	position:relative;
}
.button:hover {
}
.button:active {
	box-shadow:        inset 0 1px 1px rgba(0, 0, 0, 0.7);
	-moz-box-shadow:   inset 0 1px 1px rgba(0, 0, 0, 0.7);
	-webkit-box-shadow:inset0 1px 1px rgba(0, 0, 0, 0.7);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.5);
}
a.button:hover {
	color: #fff
}
a.button:active {
	color: #fff
}
a.button:visited {
	color: #fff
}
/* Button Colors */
.light {
	color: #2b2b2b;
	border:1px solid #dfdede;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f8f8f8', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* W3C */
}
.light_w_arrow {
	color: #2b2b2b;
	padding-right:25px;
	border:1px solid #dfdede;
	background: url(../images/light_arrow.png) no-repeat right #ffffff; /* Old browsers */
	background: url(../images/light_arrow.png) no-repeat right, -moz-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* FF3.6+ */
	background: url(../images/light_arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f8f8f8)); /* Chrome,Safari4+ */
	background: url(../images/light_arrow.png) no-repeat right, -webkit-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/light_arrow.png) no-repeat right, -o-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* Opera11.10+ */
	background: url(../images/light_arrow.png) no-repeat right, -ms-linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* IE10+ */
	background: url(../images/light_arrow.png) no-repeat right, linear-gradient(top, #ffffff 0%, #f8f8f8 100%); /* W3C */
}
.light:active, .light_w_arrow:active {
	box-shadow:        inset 0 1px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow:   inset 0 1px 1px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:inset0 1px 1px rgba(0, 0, 0, 0.4);
	text-shadow: 1px 1px 0px rgba(255, 255, 255, 1);
}
a.light:hover, a.light_w_arrow:hover {
	color:#2b2b2b;
}
.dark {
	color: #fff;
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #1d1d1d)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#1d1d1d', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #333333 0%, #1d1d1d 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.dark_w_arrow {
	color: #fff;
	padding-right:25px;
	background: url(../images/grey_arrow.png) no-repeat right #333333; /* Old browsers */
	background: url(../images/grey_arrow.png) no-repeat right, -moz-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* FF3.6+ */
	background: url(../images/grey_arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #333333), color-stop(100%, #1d1d1d)); /* Chrome,Safari4+ */
	background: url(../images/grey_arrow.png) no-repeat right, -webkit-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/grey_arrow.png) no-repeat right, -o-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* Opera11.10+ */
	background: url(../images/grey_arrow.png) no-repeat right, -ms-linear-gradient(top, #333333 0%, #1d1d1d 100%); /* IE10+ */
	background: linear-gradient(top, #333333 0%, #1d1d1d 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}
.blue {
	color: #fff;
	background: #0089ef; /* Old browsers */
	background: -moz-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089ef), color-stop(100%, #0069e7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* IE10+ */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 1);
}
.blue_w_arrow {
	color: #fff;
	padding-right:25px;
	background:url(../images/blue_arrow.png) no-repeat right #0089ef; /* Old browsers */
	background: url(../images/blue_arrow.png) no-repeat right, -moz-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* FF3.6+ */
	background: url(../images/blue_arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0089ef), color-stop(100%, #0069e7)); /* Chrome,Safari4+ */
	background: url(../images/blue_arrow.png) no-repeat right, -webkit-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/blue_arrow.png) no-repeat right, -o-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* Opera11.10+ */
	background: url(../images/blue_arrow.png) no-repeat right, -ms-linear-gradient(top, #0089ef 0%, #0069e7 100%); /* IE10+ */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.cyan {
	color: #fff;
	background: #11b6e3; /* Old browsers */
	background: -moz-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11b6e3), color-stop(100%, #0d94d6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#11b6e3', endColorstr='#0d94d6', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
.cyan_w_arrow {
	color: #fff;
	padding-right:25px;
	background: url(../images/blue_arrow.png) no-repeat right #11b6e3; /* Old browsers */
	background: url(../images/blue_arrow.png) no-repeat right, -moz-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* FF3.6+ */
	background: url(../images/blue_arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0%, #11b6e3), color-stop(100%, #0d94d6)); /* Chrome,Safari4+ */
	background: url(../images/blue_arrow.png) no-repeat right, -webkit-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* Chrome10+,Safari5.1+ */
	background: url(../images/blue_arrow.png) no-repeat right, -o-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* Opera11.10+ */
	background: url(../images/blue_arrow.png) no-repeat right, -ms-linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* IE10+ */
	background: url(../images/blue_arrow.png) no-repeat right, linear-gradient(top, #11b6e3 0%, #0d94d6 100%); /* W3C */
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
}
/* Button Sizes*/
.button.small {
	font-size: 85%;
}
.button.large {
	font-size: 110%;
}
/* Align with Label*/

.align_w_label {
	margin-left:162px;
}
/* END - FORMS
   =======================================================================================================================
*/







/* UNIFORM
   =======================================================================================================================
*/


/*

/*

Uniform Theme: Uniform Default
Version: 1.6
By: Josh Pyles
License: MIT License
---
For use with the Uniform plugin:
http://pixelmatrixdesign.com/uniform/
---
Generated by Uniform Theme Generator:
http://pixelmatrixdesign.com/uniform/themer.html

*/

/* Global Declaration */

div.selector, div.selector span, div.checker span, div.radio span, div.uploader, div.uploader span.action, div.unibutton, div.unibutton span {
	background-image: url(../images/sprite.png);
	background-repeat: no-repeat;
	-webkit-font-smoothing: antialiased;
}
.selector, .radio, .checker, .uploader, .unibutton, .selector *, .radio *, .checker *, .uploader *, .unibutton * {
	margin: 0;
	padding: 0;
}
/* INPUT & TEXTAREA */

input.text, input.email, input.password, textarea.uniform {
	font-size: 12px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	padding: 3px;
	color: #777;
	background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
	background: url('../images/bg-input.png') repeat-x 0px 0px;
	border-top: solid 1px #aaa;
	border-left: solid 1px #aaa;
	border-bottom: solid 1px #ccc;
	border-right: solid 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	outline: 0;
}
input.text:focus, input.email:focus, input.password:focus, textarea.uniform:focus {
	-webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
	border-color: #999;
	background: url('../images/bg-input-focus.png') repeat-x 0px 0px;
}
/* SPRITES */

/* Select */

div.selector {
	background-position: -483px -130px;
	line-height: 26px;
	height: 26px;
}
div.selector span {
	background-position: right 0px;
	height: 26px;
	line-height: 26px;
}
div.selector select {
	/* change these to adjust positioning of select element */
  top: 0px;
	left: 0px;
}
div.selector:active, div.selector.active {
	background-position: -483px -156px;
}
div.selector:active span, div.selector.active span {
	background-position: right -26px;
}
div.selector.focus, div.selector.hover, div.selector:hover {
	background-position: -483px -182px;
}
div.selector.focus span, div.selector.hover span, div.selector:hover span {
	background-position: right -52px;
}
div.selector.focus:active, div.selector.focus.active, div.selector:hover:active, div.selector.active:hover {
	background-position: -483px -208px;
}
div.selector.focus:active span, div.selector:hover:active span, div.selector.active:hover span, div.selector.focus.active span {
	background-position: right -78px;
}
div.selector.disabled {
	background-position: -483px -234px;
}
div.selector.disabled span {
	background-position: right -104px;
}
/* Checkbox */

div.checker {
	width: 19px;
	height: 19px;
}
div.checker input {
	width: 19px;
	height: 19px;
}
div.checker span {
	background-position: 0px -260px;
	height: 19px;
	width: 19px;
}
div.checker:active span, div.checker.active span {
	background-position: -19px -260px;
}
div.checker.focus span, div.checker:hover span {
	background-position: -38px -260px;
}
div.checker.focus:active span, div.checker:active:hover span, div.checker.active:hover span, div.checker.focus.active span {
	background-position: -57px -260px;
}
div.checker span.checked {
	background-position: -76px -260px;
}
div.checker:active span.checked, div.checker.active span.checked {
	background-position: -95px -260px;
}
div.checker.focus span.checked, div.checker:hover span.checked {
	background-position: -114px -260px;
}
div.checker.focus:active span.checked, div.checker:hover:active span.checked, div.checker.active:hover span.checked, div.checker.active.focus span.checked {
	background-position: -133px -260px;
}
div.checker.disabled span, div.checker.disabled:active span, div.checker.disabled.active span {
	background-position: -152px -260px;
}
div.checker.disabled span.checked, div.checker.disabled:active span.checked, div.checker.disabled.active span.checked {
	background-position: -171px -260px;
}
/* Radio */

div.radio {
	width: 18px;
	height: 18px;
}
div.radio input {
	width: 18px;
	height: 18px;
}
div.radio span {
	height: 18px;
	width: 18px;
	background-position: 0px -279px;
}
div.radio:active span, div.radio.active span {
	background-position: -18px -279px;
}
div.radio.focus span, div.radio:hover span {
	background-position: -36px -279px;
}
div.radio.focus:active span, div.radio:active:hover span, div.radio.active:hover span, div.radio.active.focus span {
	background-position: -54px -279px;
}
div.radio span.checked {
	background-position: -72px -279px;
}
div.radio:active span.checked, div.radio.active span.checked {
	background-position: -90px -279px;
}
div.radio.focus span.checked, div.radio:hover span.checked {
	background-position: -108px -279px;
}
div.radio.focus:active span.checked, div.radio:hover:active span.checked, div.radio.focus.active span.checked, div.radio.active:hover span.checked {
	background-position: -126px -279px;
}
div.radio.disabled span, div.radio.disabled:active span, div.radio.disabled.active span {
	background-position: -144px -279px;
}
div.radio.disabled span.checked, div.radio.disabled:active span.checked, div.radio.disabled.active span.checked {
	background-position: -162px -279px;
}
/* Uploader */

div.uploader {
	background-position: 0px -297px;
	height: 28px;
}
div.uploader span.action {
	background-position: right -409px;
	height: 24px;
	line-height: 24px;
}
div.uploader span.filename {
	height: 24px;
	/* change this line to adjust positioning of filename area */
  margin: 2px 0px 2px 2px;
	line-height: 24px;
}
div.uploader.focus, div.uploader.hover, div.uploader:hover {
	background-position: 0px -353px;
}
div.uploader.focus span.action, div.uploader.hover span.action, div.uploader:hover span.action {
	background-position: right -437px;
}
div.uploader.active span.action, div.uploader:active span.action {
	background-position: right -465px;
}
div.uploader.focus.active span.action, div.uploader:focus.active span.action, div.uploader.focus:active span.action, div.uploader:focus:active span.action {
	background-position: right -493px;
}
div.uploader.disabled {
	background-position: 0px -325px;
}
div.uploader.disabled span.action {
	background-position: right -381px;
}
div.unibutton {
	background-position: 0px -523px;
}
div.unibutton span {
	background-position: right -643px;
}
div.unibutton.focus, div.unibutton:focus, div.unibutton:hover, div.unibutton.hover {
	background-position: 0px -553px;
}
div.unibutton.focus span, div.unibutton:focus span, div.unibutton:hover span, div.unibutton.hover span {
	background-position: right -673px;
}
div.unibutton.active, div.unibutton:active {
	background-position: 0px -583px;
}
div.unibutton.active span, div.unibutton:active span {
	background-position: right -703px;
	color: #555;
}
div.unibutton.disabled, div.unibutton:disabled {
	background-position: 0px -613px;
}
div.unibutton.disabled span, div.unibutton:disabled span {
	background-position: right -733px;
	color: #bbb;
	cursor: default;
}
/* PRESENTATION */

/* unibutton */

div.unibutton {
	height: 30px;
}
div.unibutton span {
	margin-left: 13px;
	height: 22px;
	padding-top: 8px;
	font-weight: bold;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	text-transform: uppercase;
	padding-left: 2px;
	padding-right: 15px;
}
/* Select */
div.selector {
	width: 190px;
	font-size: 12px;
}
div.selector select {
	min-width: 190px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	border: solid 1px #fff;
}
div.selector span {
	padding: 0px 25px 0px 2px;
	cursor: pointer;
}
div.selector span {
	color: #666;
	width: 158px;
	text-shadow: 0 1px 0 #fff;
}
div.selector.disabled span {
	color: #bbb;
}
/* Checker */
div.checker {
	margin-right: 5px;
}
/* Radio */
div.radio {
	margin-right: 3px;
}
/* Uploader */
div.uploader {
	width: 190px;
	cursor: pointer;
}
div.uploader span.action {
	width: 85px;
	text-align: center;
	text-shadow: #fff 0px 1px 0px;
	background-color: #fff;
	font-size: 11px;
	font-weight: bold;
}
div.uploader span.filename {
	color: #777;
	width: 82px;
	border-right: solid 1px #bbb;
	font-size: 11px;
}
div.uploader input {
	width: 190px;
}
div.uploader.disabled span.action {
	color: #aaa;
}
div.uploader.disabled span.filename {
	border-color: #ddd;
	color: #aaa;
}
/*

CORE FUNCTIONALITY 

Not advised to edit stuff below this line
-----------------------------------------------------
*/

.selector, .checker, .unibutton, .radio, .uploader {
	display: -moz-inline-box;
	display: inline-block;
	vertical-align: middle;
	zoom: 1;
 *display: inline;
}
.selector select:focus, .radio input:focus, .checker input:focus, .uploader input:focus {
	outline: 0;
}
/* unibutton */

div.unibutton a, div.unibutton unibutton, div.unibutton input {
	position: absolute;
}
div.unibutton {
	cursor: pointer;
	position: relative;
}
div.unibutton span {
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	text-align: center;
}
/* Select */

div.selector {
	position: relative;
	padding-left: 10px;
	overflow: hidden;
}
div.selector span {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
div.selector select {
	position: absolute;
	opacity: 0;
 filter: alpha(opacity:0);
	height: 25px;
	border: none;
	background: none;
}
/* Checker */

div.checker {
	position: relative;
}
div.checker span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.checker input {
	opacity: 0;
 filter: alpha(opacity:0);
	display: inline-block;
	background: none;
}
/* Radio */

div.radio {
	position: relative;
}
div.radio span {
	display: -moz-inline-box;
	display: inline-block;
	text-align: center;
}
div.radio input {
	opacity: 0;
 filter: alpha(opacity:0);
	text-align: center;
	display: inline-block;
	background: none;
}
/* Uploader */

div.uploader {
	position: relative;
	overflow: hidden;
	cursor: default;
}
div.uploader span.action {
	float: left;
	display: inline;
	padding: 2px 0px;
	overflow: hidden;
	cursor: pointer;
}
div.uploader span.filename {
	padding: 0px 10px;
	float: left;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	cursor: default;
}
div.uploader input {
	opacity: 0;
 filter: alpha(opacity:0);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	float: right;
	height: 25px;
	border: none;
	cursor: default;
}
/* END - UNIFORM
   =======================================================================================================================
*/





/* GLOBAL ELEMENTS - HEADER, FOOTER, NAV, USER MENU
   =======================================================================================================================
*/

/** HEADER
 * ----------------------------------------------------------------------------------------------------
 */
header {
	background: url(../images/header_bg.png) repeat bottom left;
	border-top:5px solid #0067e7;
	border-bottom:3px solid #dbeafc;
	height: 125px;
}
/** HEADER LINKS
 * ----------------------------------------------------------------------------------------------------
 */
.header_links {
	list-style:none;
}
.header_links li {
	list-style:none;
	float:right;
	font-size:12px;
	display:block;
	margin-right:10px;
	height:30px;
	position:relative;
}
.header_links li a {
	color:#8d8d8d;
	position:relative;
	top:10px;
	background:url(../images/header_link_icons.png) no-repeat left;
	padding-left:20px;
	height:20px;
	display:block;
}
.header_links li a:hover {
	color:#0069e7;
}
.header_links li a.messages {
	background-position:0px 2px;
}
.header_links li a.friends {
	background-position:0px -19px;
}
.header_links li a.requests {
	background-position:0px -41px;
}
.header_links li .count {
	background:#0d82bb;
	text-shadow:1px;
	padding:1px 6px;
	color:#fff;
	font-size:9px;
	font-weight:bold;
	position:relative;
	top:-15px;
	left:-5px;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
/** SEARCH
 * ----------------------------------------------------------------------------------------------------
 */
.header_search {
	float:right;
	margin-top:10px;
	margin-right:10px;
	width:200px;
	position:relative;
}
.header_search input {
	background-color:#f1f3f6;
	border:1px solid #cbcccf;
	padding:3px 30px 3px 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
	width:160px;
}
.header_search img {
	position:absolute;
	right:5px;
	top:2px;
}
/** NAVIGATION
 * ----------------------------------------------------------------------------------------------------
 */

nav.main_nav {
	margin-top:20px;
	height:43px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background: #404040; /* Old browsers */
	background: -moz-linear-gradient(top, #404040 0%, #292929 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #404040), color-stop(100%, #292929)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #404040 0%, #292929 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #404040 0%, #292929 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #404040 0%, #292929 100%); /* IE10+ */
	background: linear-gradient(top, #404040 0%, #292929 100%); /* W3C */
}
nav.main_nav ul {
	font-family: 'Droid Sans', arial, serif;
	font-size:14px;
	text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.8);
}
.main_nav li {
	display:block;
	float:left;
}
.main_nav li a {
	color:#fff;
	padding:10px 25px;
	border-right:1px solid #2a2a2a;
	border-right:1px solid #434343;
	display:block;
}
.main_nav li a:hover {
	color:#4cb9ff;
}

.main_nav li a.current, 
.home_page .main_nav li a#home, 
.guides .main_nav li a#guides, 
.venues .main_nav li a#venues, 
.requests .main_nav li a#requests, 
.browse .main_nav li a#browse {
	color:#fff;
	font-weight:bold;
	background: #0a52ac; /* Old browsers */
	background: -moz-linear-gradient(top, #0a52ac 1%, #458de7 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #0a52ac), color-stop(100%, #458de7)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #0a52ac 1%, #458de7 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #0a52ac 1%, #458de7 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #0a52ac 1%, #458de7 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a52ac', endColorstr='#458de7', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #0a52ac 1%, #458de7 100%); /* W3C */
}
.main_nav li:first-child a.current, .home_page .main_nav li a#home {
	border-radius:8px 0px 0px 8px;
	-moz-border-radius:8px 0px 0px 8px;
	-webkit-border-radius:8px 0px 0px 8px;
}
/** LOGO
 * ----------------------------------------------------------------------------------------------------
 */
.logo {
	background: url(../images/logo.png) no-repeat top left;
	width: 129px;
	height: 39px;
	float: left;
	position: relative;
}
/** CONTENT AREA
 * ----------------------------------------------------------------------------------------------------
 */
.content_area {
	background:url(../images/content_bg.png) repeat-x #f3f3f3;
	min-height:100px;
	border-top:1px solid #fdfdfd;
	padding-bottom:30px;
	padding-top:30px;
}
.content_area h1.page_heading {
	font-size:24px;
	font-weight:bold;
	color:#0078eb;
	padding-bottom:5px;
	border-bottom:1px solid #e2e1e2;
	text-shadow: 0px 0px 1px #fff;
	box-shadow:         0px 0px 1px #fff;
	-moz-box-shadow:    0px 0px 1px #fff;
	-webkit-box-shadow: 0px 0px 1px #fff;
}
/** FOOTER
 * ----------------------------------------------------------------------------------------------------
 */
.footer {
	border-top:2px solid #0067e7;
	color: #313131;
	font-size: 12px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7);
	padding: 2em 0;
	background: url(../images/footer_bg.png) repeat-x #eaeaea;
	display:block;
}
.footer, . push {
 height: 150px;
}
.footer a, .footer a:visited, .footer a:active {
	color: #363636;
}
.footer a:hover {
	text-decoration: underline;
	color: #363636;
}
/* END - GLOBAL ELEMENTS - HEADER, FOOTER, NAV, USER MENU
   =======================================================================================================================
*/


/* PROGRESS BARS
   =======================================================================================================================
*/
.progress_bar {
	padding: 1px;
	box-shadow: 1px 1px 0px #fff;
	-moz-box-shadow: 1px 1px 1px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	zoom: 1;
	background: url(../images/progress_bar_container_bg.gif) repeat-x top #eceef2;
	background: -moz-linear-gradient(top, #DADCE1 0%, #ECEEF2 40%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DADCE1), color-stop(40%, #ECEEF2)); /* webkit */
}
.progress_bar span {
	display: block;
	text-align: center;
	padding: 3px;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.6);
	font-weight: bold;
	font-size: 77%;
	color: #000;
	color: rgba(0, 0, 0, 0.7);
	border: 1px solid #d4d9df;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: url(../images/progress_bar_bg.png) repeat-x top;
}
.progress_bar.green span {
	background-color: #5ac841; /* old browsers */
	background: -moz-linear-gradient(top, #86e360 0%, #5ac841 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #86e360), color-stop(100%, #5ac841)); /* webkit */
}
.progress_bar.blue span {
	background-color: #628ec0; /* old browsers */
	background: -moz-linear-gradient(top, #90c6df 0%, #628ec0 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #90c6df), color-stop(100%, #628ec0)); /* webkit */
}
.progress_bar.yellow span {
	background-color: #eae763; /* old browsers */
	background: -moz-linear-gradient(top, #f5f392 0%, #eae763 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f5f392), color-stop(100%, #eae763)); /* webkit */
}
.progress_bar.red span {
	background-color: #cd6060; /* old browsers */
	background: -moz-linear-gradient(top, #e68f8f 0%, #cd6060 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e68f8f), color-stop(100%, #cd6060)); /* webkit */
}
/* END - PROGRESS BARS
   =======================================================================================================================
*/



/* NOTIFICATION BOXES
   =======================================================================================================================
*/
div.info, div.error, div.success {
	margin: 1.5em 0;
	padding: 10px 20px 10px 40px;
	position: relative;
	text-shadow: 0 2px 1px #FFFFFF;
	line-height: 1.6em;
	vertical-align: middle;
	zoom: 1;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 2px 1px #bfbfc0;
	-webkit-box-shadow: 0 2px 1px #bfbfc0;
	box-shadow: 0 2px 1px #bfbfc0;
	background: url(../images/notification_bg.png) top repeat-x;
}
.info .icon, .error .icon, .success .icon {
	position: absolute;
	top: 8px;
	left: 10px;
}
div.info button, div.error button, div.success button {
	top:-4px;
	position:relative;
	margin:0 2px;
}
.info .dp, .error .dp, .success .dp {
	position: absolute;
	top: 8px;
	left: 10px;
}
.close_notification {
	position: absolute;
	top: 5px;
	right: 5px;
	width: 7px;
	height: 7px;
	background: url(../images/close_notification.png) no-repeat top left;
	cursor: pointer;
}
.close_notification:hover, .close_notification:active {
	background-position: left -7px;
	top: 5px;
}
div.info {
	border: 1px solid #e3e3c4;
	color: #5d5500;
	background-color: #FBFBE0; /* old browsers */
	background: -moz-linear-gradient(top, #FBFBE0 1%, #F8F7C4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #FBFBE0), color-stop(100%, #F8F7C4)); /* webkit */
}
div.error {
	border: 1px solid #f8cfc4;
	color: #b93c1b;
	background-color: #f8cfc4; /* old browsers */
	background: -moz-linear-gradient(top, #fbe6e0 1%, #f8cfc4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #fbe6e0), color-stop(100%, #f8cfc4)); /* webkit */
}
div.success {
	border: 1px solid #cae4c4;
	color: #365d00;
	background-color: #cae4c4; /* old browsers */
	background: -moz-linear-gradient(top, #daf4d4 1%, #cae4c4 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%, #daf4d4), color-stop(100%, #cae4c4)); /* webkit */
}
/* END - NOTIFICATION BOXES
   =======================================================================================================================
*/


/* PAGINATION STYLES
   =======================================================================================================================
*/

/** NUMBERED PAGINATION
 * ----------------------------------------------------------------------------------------------------
 */
.pagination {
	text-align: center;
	height: 40px;
	margin:0;
	font-weight: bold;
	text-shadow: 1px 1px 0px #fff;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
}
.pagination li {
	display: inline-block;
	list-style: none;
	position: relative;
	top: 12px;
	height: 30px;
}
.ie7 .pagination li {
	display: inline
}
.pagination li a {
	padding: 5px 10px;
	color:#565656;
}
.pagination li.active a {
	box-shadow:         0px 1px 1px #d0dfee inset;
	-moz-box-shadow:    0px 1px 1px #d0dfee inset;
	-webkit-box-shadow: 0px 1px 1px #d0dfee inset;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%, #ffffff 100%); /* W3C */
	color:#0078eb;
	-webkit-border-radius: 3px;
	-moz-border-radius:3px;
	border-radius: 3px;
}
 .no-css=gradients .pagination li.active a {
 background:transparent;
}
/** DOT PAGINATION
 * ----------------------------------------------------------------------------------------------------
 */
.dot_pagination {
	text-align: center;
	margin: 0;
	padding: 0;
}
.dot_pagination li {
	display: inline;
	list-style: none;
	position: relative;
	height: auto;
	width: 10px;
	height: 10px;
}
.dot_pagination li a {
	height: 10px;
	width: 10px;
	display: inline-block;
	overflow: hidden;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	background: url(../images/dot_pagination_bg.png) no-repeat top left;
	margin-top: 1em;
}
.dot_pagination li.active a {
	background-position: bottom left
}
.ie7 .header .dot_pagination {
	position: relative;
	bottom: 5px;
}
.ie7 .dot_pagination li.active a {
	background-position: -10px left
}
/* END - PAGINATION STYLES
   =======================================================================================================================
*/


/* iPHONE STYLE TOGGLE BUTTONS
   =======================================================================================================================
*/
.ez-hide {
	opacity: 0;
	filter: alpha(opacity=0);
	width: 30px;
	height: 17px;
	margin: 0 !important;
	padding: 0 !important;
	vertical-align: top !important;
}
.itoggle {
	background: url(../images/itoggle.png) no-repeat top left;
	display: inline-block;
	margin: 0;
	padding: 0;
	width: 30px;
	height: 17px;
	cursor: pointer;
}
.itoggle_off {
	background-position: bottom left
}
/* END- iPHONE STYLE TOGGLE BUTTONS
   =======================================================================================================================
*/

/* TOOLTIPS
   =======================================================================================================================
*/
.tooltip, .tooltip.bottom {
	color: #fff;
	display: none;
	font-size: 11px;
	padding: 5px 10px;
	line-height: 1.3em;
	text-align: center;
	z-index: 9999;
	background-color: #0e0e0e;
	background: -moz-linear-gradient(top, #7d7e7d 0%, #2D2D2D 50%, #0e0e0e 51%, #0e0e0e 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #7d7e7d), color-stop(50%, #2D2D2D), color-stop(51%, #0e0e0e), color-stop(100%, #0e0e0e)); /* webkit */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.tooltip .arrow, .tooltip.bottom .arrow {
	width: 0; /**    Make Tip shape using polygonal shape with borders and without css http: //www.filamentgroup.com/lab/image_free_css_tooltip_pointers_a_use_for_polygonal_css/ **/
	height: 0;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	border-top: 5px solid #0e0e0e;
	border-bottom: 0;
	display: block;
	position: absolute;
	bottom: -5px;
	left: 50%;
	margin-left: -3px;
}
.tooltip.bottom .arrow {
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #7d7e7d;
	border-top: 0;
	top: -6px;
}
.tooltip_indicator {
	position:relative;
	top:3px;
}
/* END - TOOLTIPS
   =======================================================================================================================
*/

/* MODAL WINDOW
   =======================================================================================================================
*/
#facebox {
	display: none;
	border: 10px solid rgba(0, 0, 0, 0.2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#facebox .box {
	box-shadow: 0px 0px 15px #000;
	-moz-box-shadow: 0px 0px 15px #000;
	-webkit-box-shadow: 0px 0px 15px #000;
}
/** EXPOSE MASK
 * ----------------------------------------------------------------------------------------------------
 */
#exposeMask {
	background: #000 !important; /* background color for overlay and expose mask  */
	z-index: 9998;
}
/* END - MODAL WINDOW
   =======================================================================================================================
*/




/* DATE PICKER
   =======================================================================================================================
*/
/* ===[ calendar root element ]=== */
#calroot { /* place on top of other elements. set a higher value if nessessary */
	z-index: 99900;
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #fff;
	font-size: 85%;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px #b7d6ff;
	-webkit-box-shadow: 0 0 5px #b7d6ff;
}
/* ===[ head. contains title, prev/next month controls and possible month/year selectors ]=== */
#calhead {
	padding: 2px 0;
	height: 22px;
	background-color: #f3f8ff;
}
#caltitle {
	font-size: 108%;
	color: #4c6482;
	float: left;
	text-align: center;
	width: 170px;
	line-height: 20px;
	text-shadow: 0 1px 0 #ddd;
}
#calnext, #calprev {
	display: block;
	width: 13px;
	height: 13px;
	background: transparent url(../images/cal_prev_next.png) no-repeat scroll left top;
	float: left;
	cursor: pointer;
	position: relative;
	left: 5px;
	top: 5px;
}
#calnext {
	background-position: top right;
	float: right;
	left: 0px;
	top: 5px;
	right: 5px;
}
#calprev.caldisabled, #calnext.caldisabled {
	visibility: hidden
}
/* ===[ year/month selector ]=== */
#caltitle select {
	font-size: 77%
}
/* ===[ names of the days ]=== */
#caldays {
	height: 14px;
	border-bottom: 1px solid #ddd;
	padding: 5px 0px;
}
#caldays span {
	display: block;
	float: left;
	width: 28px;
	text-align: center;
}
/* ===[ container for weeks ]=== */
#calweeks {
	background-color: #fff;
	margin-top: 4px;
}
/* ===[ single week ]=== */
.calweek {
	clear: left;
	height: 22px;
}
/* ===[ single day ]=== */
.calweek a {
	display: block;
	float: left;
	width: 27px;
	height: 20px;
	text-decoration: none;
	font-size: 93%;
	margin-left: 1px;
	text-align: center;
	line-height: 20px;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
/* ===[ different states ]=== */
.calweek a:hover, .calfocus {
	background-color: #ddd
}
/* sunday  */
a.calsun {
	color: red
}
/* offmonth day  */
a.caloff {
	color: #ccc
}
a.caloff:hover {
	background-color: rgb(245, 245, 250)
}
/* unselecteble day  */
a.caldisabled {
	background-color: #efefef !important;
	color: #ccc !important;
	cursor: default;
}
/* current day  */
#calcurrent {
	background-color: #8092aa;
	color: #fff;
}
/* today  */
#caltoday {
	background-color: #333;
	color: #fff;
}
/* END - DATE PICKER
   =======================================================================================================================
*/




/* LIST STYLES
   =======================================================================================================================
*/

/** BORDERED LIST
 * ----------------------------------------------------------------------------------------------------
 */

.bordered_list {
	list-style:none;
	margin:0;
}
.bordered_list li {
	list-style:none;
	border-top:1px solid #d1d1d1;
	border-bottom:1px solid #fdfdfd;
	padding:8px;
}
.bordered_list li:first-child {
	border-top:1px solid transparent;
}
.bordered_list li:last-child {
	border-bottom:1px solid transparent;
}
/** BULLETED LIST
 * ----------------------------------------------------------------------------------------------------
 */


.bulleted_list {
	list-style:none;
	margin:0;
}
.bulleted_list li {
	list-style:none;
	background:url(../images/bullet_list.png) no-repeat 0px 15px;
	padding:8px;
	padding-left:17px;
}
.bulleted_list li:first-child {
	border-top:none;
}
.bulleted_list li:last-child {
	border-bottom:none;
}
.bulleted_list2 {
	list-style:none;
	margin:0;
}
.bulleted_list2 li {
	list-style:none;
	background:url(../images/bulleted_list2.png) no-repeat 0px 8px;
	padding:4px;
	padding-left:20px;
}
/* DATAGRID
   =======================================================================================================================
*/

.datagrid thead th {
	color:#042434;
	border:1px solid afafaf;
	text-shadow: 0px 1px 1px #fff;
	padding:10px;
	background: #eeeff1; /* Old browsers */
	background: -moz-linear-gradient(top, #eeeff1 0%, #c5c8cf 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeff1), color-stop(100%, #c5c8cf)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeff1 0%, #c5c8cf 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeff1 0%, #c5c8cf 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #eeeff1 0%, #c5c8cf 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeff1', endColorstr='#c5c8cf', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #eeeff1 0%, #c5c8cf 100%); /* W3C */
}
.datagrid tr td {
	padding:10px;
	border-bottom:1px solid #cecece;
}
/** WIZARD
 * ----------------------------------------------------------------------------------------------------
 */


.wizard_indicator {
	background:url(../images/wizard_bar.png) no-repeat 0px 10px;
	width: 918px;
	list-style:none;
	padding-bottom:22px;
	margin-bottom:30px;
	margin-top:30px;
}
.wizard_indicator li {
	display:inline-block;
	padding-top:30px;
	background:url(../images/wizard_item.png) no-repeat center top;
	text-align:center;
	font-size:13px;
	width:23%;
	line-height:16px;
	margin:0 auto;
}
.wizard_indicator li a {
	color:#bebebe;
	text-shadow:0 0 1px #fff;
}
.wizard_indicator li a:hover {
	color:#2b2b2b;
}
.wizard_indicator li.active {
	background:url(../images/wizard_item_active.png) no-repeat center top;
}
.wizard_indicator li.active a {
	color:#1a6d96;
	text-shadow:0 0 1px #fff;
}
.wizard_footer {
	background:url(../images/inset_shadow.png) no-repeat top center;
	padding-top:40px;
	text-align:right;
	clear:both;
	margin-top:20px;
}
/** TABS
 * ----------------------------------------------------------------------------------------------------
 */


/* ===[ Primary Tabs ]=== */

ul.primary_tabs {
	display:block;
	background:#ececec;
	margin:0;
	list-style:none;
	height:35px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	margin-bottom:20px;
	box-shadow:         0px 1px #E5E5E5 inset;
	-moz-box-shadow:    0px 1px #E5E5E5 inset;
	-webkit-box-shadow: 0px 1px #E5E5E5 inset;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
}
ul.primary_tabs li {
	display:block;
	float:left;
}
ul.primary_tabs li a {
	display:block;
	padding:6px 10px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	margin-right:10px;
	color:#7b7b7b;
}
ul.primary_tabs li a:hover {
	color:#2a2a2a;
}
ul.primary_tabs li a.current {
	box-shadow:         0px 1px 1px #d0dfee inset;
	-moz-box-shadow:    0px 1px 1px #d0dfee inset;
	-webkit-box-shadow: 0px 1px 1px #d0dfee inset;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(100%, #ffffff)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f3f3f3 0%, #ffffff 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f3', endColorstr='#ffffff', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 0%, #ffffff 100%); /* W3C */
	color:#0078eb;
}
/* ===[ Secondary Tabs ]=== */
ul.secondary_tabs {
	list-style:none;
	border-bottom:1px solid #d1d1d1;
	box-shadow:         0px 1px 0px #fff;
	-moz-box-shadow:    0px 1px 0px #fff;
	-webkit-box-shadow: 0px 1px 0px #fff;
	height:43px;
	font-weight:bold;
	margin:40px 0 20px 0;
}
ul.secondary_tabs li {
	list-style:none;
	float:left;
}
ul.secondary_tabs li a {
	display:block;
	padding:12px;
	color:#5e5e5e;
}
ul.secondary_tabs li a:hover {
	color:#000;
}
ul.secondary_tabs li a.current {
	background:url(../images/secondary_tab_active_bg.png) no-repeat bottom center;
	color:#0078eb;
}
/** GUIDES LIST
 * ----------------------------------------------------------------------------------------------------
 */

.guides_list {
	list-style:none;
	margin:0px;
}
.guides_list li {
	border-bottom: 1px solid #e1e2e1;
	color:#565656;
	padding:30px 15px;
	position:relative;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
}
.guides_list li .guide_image {
	border:1px solid #dfdfdf;
	box-shadow:        0px 4px 4px #acacac;
	-moz-box-shadow:   0px 4px 4px #acacac;
	-webkit-box-shadow:0px 4px 4px #acacac;
	float:left;
	margin-right:20px;
}
.guides_list li h3 {
	display:inline;
	color:#0078eb;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.guides_list li .actions {
	padding-top:15px;
	display:block;
}
.guides_list li .actions a {
	color:#908f92;
	margin-right:10px;
}
.guides_list li .actions a:hover {
	color:#077dee;
}
.guides_list li .destination {
	display:block;
}
.guides_list li .rating {
	position:absolute;
	top:40px;
	right:10px;
}
.guides_list.grid_view li {
	float:left;
	margin:0px;
	width:290px;
	border-bottom: 1px solid #e1e2e1;
	color:#565656;
	padding:30px 15px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
}
.guides_list.grid_view li h3 {
	display:block;
	font-size:14px;
	line-height:20px;
	margin:0;
}
.guides_list.grid_view li .date, .guides_list.grid_view li .venues {
	display:none;
}
.guides_list.grid_view li .rating {
	position:static;
}
.list_view_toggle {
	background:url(../images/list_view_toggle.png) no-repeat 0px 0px;
	width:80px;
	height:20px;
	display:inline-block !important;
	margin:0px 15px 0 0;
	position:relative;
	top:7px;
}
.list_view_toggle.grid {
	background-position:0px -20px;
}
/** BOX STYLES
 * ----------------------------------------------------------------------------------------------------
 */


.box {
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	box-shadow:        0px 1px 4px #acacac;
	-moz-box-shadow:   0px 1px 4px #acacac;
	-webkit-box-shadow:0px 1px 4px #acacac;
	background:#fff;
	margin-bottom:20px;
}
.box .header {
	padding:5px 10px;
	border-bottom:1px solid #000;
	background: #353535; /* Old browsers */
	background: -moz-linear-gradient(top, #353535 0%, #1c1c1c 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #353535), color-stop(100%, #1c1c1c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #353535 0%, #1c1c1c 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #353535 0%, #1c1c1c 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #353535 0%, #1c1c1c 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#353535', endColorstr='#1c1c1c', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #353535 0%, #1c1c1c 100%); /* W3C */
	-moz-border-radius:3px 3px 0 0;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.box .header h3 {
	font-size:18px;
	font-weight:bold;
	text-shadow:0 1px 1px #000;
	color:#f3f3f3;
	padding:0;
	margin:0;
}
.box .header h4 {
	font-size:15px;
	font-weight:bold;
	text-shadow:0 1px 1px #000;
	color:#f3f3f3;
	padding:4px 0px;
	margin:0;
}
/* ========== ContentFlow ========== */
/*
 * default style to look nice
 */

.ContentFlow {
}
.ContentFlow .flow {
/*border: 1px solid green;*/
    }
.ContentFlow .flow * {
}
.ContentFlow .flow .item {
/*border: 1px solid red;*/
    }
.ContentFlow .flow .item canvas.content {
	height: 100%;
	width: 100%;/*border: 1px solid yellow;*/
        }
.ContentFlow .flow .item img.content {
	/*border: 1px solid yellow;*/
            width: 100%;
}
.ContentFlow .flow .item img.reflection,  .ContentFlow .flow .item canvas.reflection {
	width: 100%;
}
/* ----- styling of items ----- */
    .ContentFlow .flow .item.active {
	cursor: pointer;
}
.ContentFlow .flow .item .caption {
	font-size: 100%;
	font-weight: bold;
	text-align: center;
	color: white;
	max-height: 30%;
	bottom: 10%;
	background: url(images/1x1_0.5_black.png);
	width: 100%;
}
* html .ContentFlow .flow .item .caption {
	background-image: none;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/1x1_0.5_black.png');
}
.ContentFlow .flow .item .caption a,  .ContentFlow .flow .item .caption a:link,  .ContentFlow .flow .item .caption a:visited,  .ContentFlow .flow .item .caption a:active,  .ContentFlow .flow .item .caption a:hover {
	text-decoration: none;
	color: white;
	font-style: italic;
	font-size: 0.8em;
}
.ContentFlow .flow .item .caption a:hover {
	text-decoration: underline;
}
.ContentFlow .flow .item.active .caption {
/*display: block;*/ /* uncomment to show caption inside item */
        }
/* ----- scrollbar ----- */
    .ContentFlow .scrollbar {
	width: 50%;
	margin: 0px auto;
	margin-top: 10px;
	height: 16px;
	background: url(images/scrollbar_white.png) left center repeat-x;
	position: relative;
	overflow: visible;
}
.ContentFlow .scrollbar .slider {
	width: 16px;
	height: 16px;
	background: url(images/slider_white.png) center center no-repeat;
	cursor: move;
}
/* only for IE <= 6 and a alphatransparent slider image */
        * html .ContentFlow .scrollbar .slider {
	background-image: none;
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='images/slider_white.png');
}
.ContentFlow .scrollbar .slider .position {
	top: 120%;
	font-size: 16px;
	font-weight: bold;
	color: silver
}
/* ----- global caption ----- */
    .ContentFlow .globalCaption {
	text-align: center;
	font-weight: bold;
	font-size: 14px;
	height: 20px;
	margin: 2em auto;
}
.ContentFlow .globalCaption .caption {
}
.ContentFlow .globalCaption .caption a,  .ContentFlow .globalCaption .caption a:link,  .ContentFlow .globalCaption .caption a:visited,  .ContentFlow .globalCaption .caption a:active,  .ContentFlow .globalCaption .caption a:hover {
	text-decoration: none;
	font-style: italic;
	font-size: 0.8em;
}
.ContentFlow .globalCaption .caption a:hover {
	text-decoration: underline;
}
/* ----- load indicator ----- */
    .ContentFlow .loadIndicator {
	width: 100%;
	height: 100%;
	top: 0px;
	left: 0px;
	background: black;
}
.ContentFlow .loadIndicator .indicator {
	background: url(images/loader.gif) center center no-repeat;
	width: 100%;
	height: 100%;
}
* html .ContentFlow .loadIndicator .indicator {
	height: 100px;
}
/* ================================= */




/* ========== ContentFlow ========== */
/* 
 * This is the basic CSS file needed for the correct functioning of ContentFlow.
 * DON'T CHANGE IT.
 *
 */
.ContentFlow {
	position: relative;  /* needed so overlay dimensions are constrained to the ContentFlow */
	overflow: hidden;
}
.ContentFlow * {
	margin: 0px;
	padding: 0px;/*border: none;*/
}
.ContentFlow img {
	-ms-interpolation-mode: bicubic;
}
.ContentFlow .mouseoverCheckElement {
	position: absolute;
	width: 0px;
	height: 0px;
	left: 0px;
	/*display: none;*/
    visibility: hidden;
}
.ContentFlow:hover .mouseoverCheckElement {
	left: 1px;/*width: 1px;*/
    /*left: -1px;*/
    /*background-color: red;*/
}
.ContentFlow .flow {
	position: relative; /* needed  so that items can be positioned relative to flow*/
	z-index: 0;         /* need so every item has a z-index relative to the flow-box */
	visibility: hidden; /* needed so that content is hidden while loading */
	width: 100%;        /* needed for IE6 */
	margin: 0 auto;
}
.ContentFlow .flow.hidden {
	visibility: hidden;
}
.ContentFlow .flow .item {
	position: absolute; /* needed */
	visibility: hidden;
	top: 0px;
	left: 0px;
}
.ContentFlow .flow .item.active {
}
.ContentFlow .flow .item .content {
	display: block;
}
.ContentFlow .flow .item div.content {
	width: 100%;
	height: 100%;
}
.ContentFlow .flow .item .label {
	display: none;
}
.ContentFlow .flow .item .reflection {
	display: block;
}
.ContentFlow .flow .item canvas.reflection {
	margin-top: -1px; /* for FF */
}
.ContentFlow .flow .item .caption {
	position: absolute; /* needed */
	display: none;      /* needed to hide it on inactive items */
}
.ContentFlow .flow .item.active .caption {
/*display: block;*/ /* uncomment to show caption inside item */
}
/* ----- scrollbar ----- */

.ContentFlow .scrollbar {
	position: relative; /* needed for z-index */
	z-index: 1;         /* set above flow */
	visibility: hidden;
}
.ContentFlow .scrollbar .slider {
	position: absolute; /* needed */
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
	height: 100%;
}
.ContentFlow .scrollbar .slider .position {
	position: absolute; /* needed */
	text-align: center;
}
/* ----- global caption ----- */
.ContentFlow .globalCaption {
	position: relative; /* needed for z-index */
	z-index: 1;         /* set above flow */
}
/* ----- load indicator ----- */
.ContentFlow .loadIndicator {
	position: absolute; /* needed */
	z-index: 65000;     /* set above everything */
}
/* HOME PAGE
   =======================================================================================================================
*/
/** ACTIVITY FEED = DASHBOARD
 * ----------------------------------------------------------------------------------------------------
 */	
	
.activity_feed {
	height:350px;
	overflow:auto;
	position:relative;
}
.activity_feed ul {
	list-style:none;
	margin:0;
}
.activity_feed ul li {
	list-style:none;
	padding:15px;
	min-height:38px;
}
 .activity_feed ul li:nth-child(even) {
background: #fff
}
 .activity_feed ul li:nth-child(odd) {
background: #f6f6f6;
}
.activity_feed ul li .dp {
	float:left;
	border:1px solid #b9b9b9;
	margin-right:10px;
	margin-bottom:20px
}
.activity_feed ul li .activity {
	display:block;
	padding-top:5px;
}
.activity_feed ul li .activity .time, .activity_feed ul li .activity .people, .activity_feed ul li .activity .comments {
	background:url(../images/activity_icons.png) no-repeat top left;
	padding-left:20px;
	color:#767676;
	margin-right:10px;
}
.activity_feed ul li .activity .people {
	background-position:left -16px;
}
.activity_feed ul li .activity .comments {
	background-position:left -32px;
}
.activity_feed ul li .actions {
	color:#767676;
	display:block;
	font-size:11px;
	padding-top:3px;
}
.activity_feed ul li .actions a{
		color:#0c5a88;
	}
.activity_feed ul li .actions a {
	color:#0c5a88;
}
.activity_feed ul li .actions a:hover {
	color:#000;
}
/** MY REQUESTS = DASHBOARD
 * ----------------------------------------------------------------------------------------------------
 */	


.my_requests {
	height:350px;
	overflow:auto;
	position:relative;
}
.my_requests ul {
	list-style:none;
	margin:0;
}
.my_requests ul li {
	list-style:none;
	padding:15px;
	font-weight:bold;
	border-bottom:1px solid #e1e1e1;
}
.my_requests ul li .response {
	list-style:none;
	padding:5px 0px 5px 15px;
	font-weight:normal;
}
.my_requests ul li .response li {
	padding:5px;
	border-bottom:1px solid transparent;
	font-weight:normal;
}
.my_requests ul li .response li img {
	margin-right:10px;
	float:left;
}
/** WELCOME AREA = DASHBOARD
 * ----------------------------------------------------------------------------------------------------
 */	
img.display_pic {
	border:5px solid #fff;
	box-shadow:         5px 5px 7px #888;
	-moz-box-shadow:    5px 5px 7px #888;
	-webkit-box-shadow: 5px 5px 7px #888;
}
.welcome_area img.display_pic {
	float:left;
	margin-right:30px;
}
.welcome_area h2 {
	color:#303031;
	margin-top:0px;
}
.welcome_area .stats {
	list-style:none;
	margin:0;
	float:left;
}
.welcome_area .stats li {
	list-style:none;
	font-size:14px;
	color:#212121;
	padding-left:40px;
	margin-top:20px;
	height:30px;
	background:url(../images/dashboard_stats_image.png) no-repeat left;
	display:block;
	font-weight:bold;
}
.welcome_area .stats li.messages {
	background-position:0px 4px;
}
.welcome_area .stats li.friend_request {
	background-position:0px -30px;
}
.welcome_area .stats li.guide_request {
	background-position:0px -75px;
}
.welcome_area .stats li a {
	color:#0067e7;
}
.welcome_area .stats li a:hover {
	color:#000;
}
.dashboard h5 {
	color:#0d82bb;
	font-weight:bold;
}
.ie7 .dashboard {
	width:47%;
}
/* END - HOME PAGE
   =======================================================================================================================
*/






/* ACCOUNT PAGE
   =======================================================================================================================
*/



						
/** ACCOUNT HOME == PROFILE PAGE
 * ----------------------------------------------------------------------------------------------------
 */	

.account_profile {
	padding-top:20px;
}
.account_profile img.display_pic {
	float:left;
	margin-right:20px;
}
.account_profile h2.user_name {
	font-weight:bold;
	display:inline;
	margin-bottom:0px;
}
.account_profile .stats {
	font-weight:bold;
	color:#4b4b4b;
	font-size:12px;
	float:right;
	margin-top:20px;
	text-align:right;
}
.account_profile .stats .number {
	font-size:22px;
	margin-left:20px;
}
.account_profile .add_friend {
	margin-top:25px;
	margin-left:10px;
}
/* CREATE A GUIDE PAGE
   =======================================================================================================================
*/

					
/** LARGE SEARCH BAR
 * ----------------------------------------------------------------------------------------------------
 */	

.large_search_bar {
	padding-bottom:30px;
}
.large_search_bar h3 {
	color:#0c5a88;
	display:inline;
	margin-right:10px;
}
.large_search_bar input[type="text"] {
	font-size:12px;
	color:#797979;
	font-weight:bold;
	width:750px;
	padding:10px;
}
.large_search_bar button.large {
	font-size:16px;
	padding:8px 12px;
	margin-left:5px;
}
/** SEARCH LISTING
 * ----------------------------------------------------------------------------------------------------
 */
 
 
.search_listing {
	padding:0;
	margin:0;
	list-style:none;
	height:497px;
	overflow:auto;
	position:relative;
}
.search_listing li {
	padding:15px 30px 15px 50px;
	list-style:none;
	color:#4b4b4b;
	border-bottom:1px solid #e2e2e1;
	background-color:#fff;
	position:relative;
	background:120% 0px;
	line-height:1.3em;
	-webkit-transition:  background 0.3s ease-in;
	-moz-transition:     background 0.3s ease-in;
	-o-transition:       background 0.3s ease-in;
	transition:          background 0.3s ease-in;
}
.search_listing li:hover {
	background: url(../images/search_result_hover_bg.gif) repeat-y 101% 0px #eef3f7;
}
.search_listing li h4 {
	font-size:12px;
	font-weight:bold;
	color:#0c5a88;
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
}
.search_listing li .pin {
	position:absolute;
	left:21px;
	top:20px;
}
.search_listing li .location_unknown {
	position:absolute;
	left:22px;
	top:50px;
}
.search_listing li a.icon {
	position:absolute;
	right:0px;
	top:40px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in;
	-moz-transition:     all 0.2s ease-in;
	-o-transition:       all 0.2s ease-in;
	transition:          all 0.2s ease-in;
}
.search_listing li:hover a.icon {
	position:absolute;
	right:9px;
	top:40px;
	opacity:1;
}
.search_listing .confirm_location {
	margin:15px -30px -15px -50px;
	padding:10px;
	background-color:#fdfdec;
}
.search_result_footer {
	border-top:1px solid #e2e2e1;
	text-align:center;
	padding:20px 10px;
}
.drop_pin_box {
	border:1px solid #bfbebf;
	padding:5px;
	color:#4b4b4b;
	font-weight:bold;
	width:250px;
	text-align:center;
	margin:0 auto;
	vertical-align:middle;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #fdfdfd 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #fdfdfd 0%, #ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #fdfdfd 0%, #ececec 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #fdfdfd 0%, #ececec 100%); /* IE10+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#ececec', GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #fdfdfdf 0%, #ececec 100%); /* W3C */
}
.drop_pin_box p {
	float:left;
	margin:5px 0 0 20px;
}
/** CAG - REVIEW GUIDE
 * ----------------------------------------------------------------------------------------------------
 */

/** VENUES IN GUIDE BOX **/

.venues_guide {
	height:360px;
	overflow:auto;
	position:relative;
}
.ie7 .venues_guide {
}
.venues_guide .venues_list {
	list-style:none;
	margin:0;
	padding:0;
	background:#fff;
}
.venues_guide .venues_list>li {
	list-style:none;
	border-bottom:1px solid #efefef;
	clear:both;
	display:block;
	padding:15px;
	position:relative;
	background:120% 0px;
	-webkit-transition:  background 0.3s ease-in;
	-moz-transition:     background 0.3s ease-in;
	-o-transition:       background 0.3s ease-in;
	transition:          background 0.3s ease-in;
}
.ie7 .venues_guide .venues_list>li {
	padding-bottom:50px;
}
.venues_guide .venues_list>li:hover {
	background: url(../images/search_result_hover_bg.gif) repeat-y 100% 0px #eef3f7;
}
.venues_guide .venues_list.no_actions>li:hover {
	background-image:none;
}
.venues_guide .venues_list>li .edit, .venues_guide .venues_list>li .delete {
	width:15px;
	height:15px;
	position:absolute;
	right:0px;
	opacity:0;
	-webkit-transition:  all 0.2s ease-in;
	-moz-transition:     all 0.2s ease-in;
	-o-transition:       all 0.2s ease-in;
	transition:          all 0.2s ease-in;
}
.venues_guide .venues_list>li .edit {
	background:url(../images/edit_btn.png) no-repeat top left;
	top:40px;
}
.venues_guide .venues_list>li .delete {
	background:url(../images/delete_btn.png) no-repeat top left;
	top:80px;
}
.venues_guide .venues_list>li:hover .edit, .venues_guide .venues_list>li:hover .delete {
	right:9px;
	opacity:1;
}
/** DESCRIPTION **/		
			.venues_guide .venues_list>li .description {
	padding-top:10px;
	margin-right:240px;
}
.venues_guide .venues_list>li .description h6 {
	font-weight:bold;
	line-height:18px;
	margin:0;
}
.venues_guide .venues_list>li .description .address {
	color:#99a4b7;
	font-weight:bold;
}
/** GALLERY **/		
			.venues_guide .venues_list>li .gallery {
	float:right;
	width:165px;
	border-left:1px solid #eeeeee;
	padding-left:10px;
	margin-right:50px;
}
.venues_guide .venues_list.no_actions .gallery {
	margin-right:10px;
	padding-left:20px;
}
.venues_guide .venues_list>li .gallery h6 {
	display:inline;
}
.venues_guide .venues_list>li .gallery .view_all {
	float:right;
	text-align:right;
	font-size:11px;
	padding:0px 7px;
	background:#e2e8f4;
	-webkit-border-radius: 99px;
	-moz-border-radius:99px;
	border-radius: 99px;
	-webkit-transition:  all 0.2s ease-in;
	-moz-transition:     all 0.2s ease-in;
	-o-transition:       all 0.2s ease-in;
	transition:          all 0.2s ease-in;
}
.venues_guide .venues_list>li .gallery .view_all:hover {
	background:#fff;
}
.venues_guide .venues_list>li .gallery ul {
	list-style:none;
	margin:0px;
	padding:0px;
}
.venues_guide .venues_list>li .gallery ul li {
	float:left;
	list-style:none;
	display:block;
	width:38px;
	height:38px;
	overflow:hidden;
	background:black;
	margin:5px;
	border:3px solid #fff;
}
/** FRIENDS
 * ----------------------------------------------------------------------------------------------------
 */

.friends_list_container {
	overflow:auto;
	height:400px;
	position:relative;
}
ul.friends_list {
	list-style:none;
	margin:0;
	padding:0;
}
ul.friends_list li {
	list-style:none;
	width:160px;
	height:65px;
	background:white;
	display:block;
	padding:9px;
	margin:5px;
	float:left;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius:    3px;
	border-radius:         3px;
	-webkit-transition:  all 0.2s ease-in;
	-moz-transition:     all 0.2s ease-in;
	-o-transition:       all 0.2s ease-in;
	transition:          all 0.2s ease-in;
}
ul.friends_list li:hover {
	background-color:#e3ecff;
}
ul.friends_list li.selected {
	background-color:#e3ecff;
	box-shadow:         #0082ed 0px 0px 3px;
	-moz-box-shadow:    #0082ed 0px 0px 3px;
	-webkit-box-shadow: #0082ed 0px 0px 3px;
}
ul.friends_list li img {
	float:left;
	margin-right:5px;
}
/** INVITE FROM OTHER NETWORKS LIST
 * ----------------------------------------------------------------------------------------------------
 */
 
.invite_list {
	list-style:none;
	margin-top:20px;
	padding:0;
}
.invite_list li {
	padding-bottom:18px;
	vertical-align:text-top;
	line-height:18px
}
.invite_list li img {
	margin-right:5px;
	float:left;
}
.friend_search_bar {
	width:86%;
	padding:8px;
	margin:0 10px 15px 0;
	font-size:14px;
	-webkit-border-radius: 5px;
	-moz-border-radius:    5px;
	border-radius:         5px;
}
/** VENUE DETAILS
 * ----------------------------------------------------------------------------------------------------
 */


/** TIPS LIST
 * ----------------------------------------------------------------------------------------------------
 */

ul.tips_list {
	list-style:none;
	margin:0;
	height:300px;
	overflow:auto;
	position:relative;
}
ul.tips_list li {
	border-bottom: 1px solid #e1e2e1;
	padding:10px 0px;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
}
ul.tips_list li .icon {
	display:none;
	float:right;
}
ul.tips_list li:hover .icon {
		display:block;
	}

ul.tips_list li h6 {
	display:block;
	font-size:11px;
}
/** CAROUSEL
 * ----------------------------------------------------------------------------------------------------
 */


.carousel_container {
	display:inline-block;
}
.picture_carousel {
	list-style:none;
	margin:0;
	padding:0;
}
.picture_carousel li {
	list-style:none;
	float:left;
	margin:0 5px;
}
.carousel_next, .carousel_prev {
	position:relative;
	bottom:35px;
}
/** REQUESTS PAGE
 * ----------------------------------------------------------------------------------------------------
 */

.acc_header {
	color:#7b7b7b;
	padding:15px;
	background-color:#ececec;
	font-size:14px;
	font-weight:bold;
	padding-left:50px;
	position:relative;
	cursor:pointer;
	border-bottom: 1px solid #d6d6d6;
	border-top:1px solid #fff;
}
.acc_header:first-child {
	border-top:transparent;
}
.acc_header .date {
	font-size:11px;
	color:#a1a1a1;
	float:right;
	text-align:right;
	line-height:14px;
	font-weight:normal;
}
.acc_header .arrow {
	background:url(../images/accordion_arrow.png) no-repeat 0px -12px;
	width:12px;
	height:12px;
	position:absolute;
	left:20px;
	top:20px;
}
.acc_header.current .arrow {
	background-position:0px 0px;
}
/** RESPONSE LIST
 * ----------------------------------------------------------------------------------------------------
 */

.response_list {
	list-style:none;
	margin:0px;
}
.response_list li {
	border-bottom: 1px solid #e1e2e1;
	color:#565656;
	padding:20px 15px;
	position:relative;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
}
.response_list li .guide_image {
	border:1px solid #dfdfdf;
	box-shadow:        0px 4px 4px #acacac;
	-moz-box-shadow:   0px 4px 4px #acacac;
	-webkit-box-shadow:0px 4px 4px #acacac;
	float:left;
	margin-right:20px;
}
.response_list li h3 {
	display:inline;
	color:#0078eb;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.response_list li .destination {
	display:block;
}
.response_list li .rating {
	position:absolute;
	top:40px;
	right:10px;
}
.response_list li .buttons {
	width:100px;
	position:absolute;
	top:20px;
	right:10px;
	text-align:right;
}
.response_list li .buttons button {
	margin-bottom:10px;
	width:100px;
}
/** FRIEND REQUESTS
 * ----------------------------------------------------------------------------------------------------
 */

.friend_requests_list {
	list-style:none;
	margin:0px;
}
.friend_requests_list li {
	border-bottom: 1px solid #e1e2e1;
	color:#565656;
	padding:20px 15px;
	position:relative;
	box-shadow:0px 1px 0px #fff;
	-moz-box-shadow:0px 1px 0px #fff;
	-webkit-box-shadow:0px 1px 0px #fff;
}
.friend_requests_list li .user_image {
	border:1px solid #dfdfdf;
	box-shadow:        0px 4px 4px #acacac;
	-moz-box-shadow:   0px 4px 4px #acacac;
	-webkit-box-shadow:0px 4px 4px #acacac;
	float:left;
	margin-right:20px;
}
.friend_requests_list li h3 {
	display:inline;
	color:#0078eb;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
}
.friend_requests_list li .details {
	padding-left:70px;
	margin-right:80px;
}
.friend_requests_list li .date {
	top:20px;
	line-height:14px;
	right:10px;
	text-align:right;
	font-size:11px;
	color:#a1a1a1;
}
.friend_requests_list li .button {
	position:absolute;
	top:30px;
	right:0px;
}
/* HOME PAGE
   =======================================================================================================================
*/

.home_page header {
	height:auto;
}
.home_page .main_nav {
	margin-bottom:25px;
}
.home_page .iphone_bg {
	background:url(../images/home_header_bg.png) no-repeat top right;
	padding-bottom:10px;
}
.home_page .sign_up {
	width:390px;
	padding:0px 55px 0px 0px;
	height:440px;
	float:right;
	position:relative;
}
.home_page .sign_up input[type="text"] {
	width:164px;
	font-size:14px;
	padding:10px;
	display:inline-block;
	font-weight:bold;
	color:#9e9e9e;
	border:1px solid #c3c2c2;
}
.home_page .sign_up button {
	margin-top:15px;
}
.home_page .sign_up h3 {
	font-size:22px;
	line-height:30px;
}
.home_page .iphone {
	padding-left:140px;
	margin-top:80px;
}
.home_page .primary_actions {
	list-style:none;
	margin:0;
	margin-bottom:20px;
	height:100px;
}
.home_page .primary_actions li {
	float:left;
	margin:0 20px;
}
.home_page .primary_actions li a {
	display:block;
	width:100px;
	height:100px;
	background-position:0px 0px;
}
.home_page .left_column {
	width:450px;
	float:left;
}
.home_page .primary_actions li.create a {
	background:url(../images/create.png) no-repeat;
}
.home_page .primary_actions li.request a {
	background:url(../images/request.png) no-repeat;
}
.home_page .primary_actions li.share a {
	background:url(../images/share.png) no-repeat;
}
.home_page .primary_actions li a:hover {
	background-position:0px -100px;
}
.home_page .left_column input[type="text"], .home_page .left_column textarea {
	padding:5px;
}
.home_page .content_area {
	background:url(../images/home_content_area.png) repeat-x #ffffff;
	min-height:100px;
	border-top:1px solid #fdfdfd;
	padding-bottom:30px;
	padding-top:5px;
}
.home_page .content_area h4 {
	color:#0070e9;
	margin-top:10px;
}
.home_page ul.indicator {
	list-style:none;
	margin:0;
	float:right;
	margin-top:10px;
}
.home_page ul.indicator li {
	list-style:none;
	float:left;
	margin:0 3px;
}
.home_page ul.indicator li a {
	display:block;
	float:left;
	width:12px;
	height:12px;
	background:url(../images/home_guide_indicator.png) no-repeat 0px 0px;
	text-indent:-9999em;
	overflow:hidden;
}
.home_page ul.indicator li.current a {
	background-position:0px -12px;
}
.home_page .popular_guides {
	list-style:none;
}
/* Thumbnail Effects Style */
.tj_container {
	width:940px;
	height:450px;
	position:relative;
	margin:0px 0;
}
.tj_wrapper {
	width:100%;
	height:100%;
	position:relative;
	margin:0px auto;
}
.tj_wrapper ul {
	list-style:none;
}
.tj_wrapper ul li {
	list-style:none;
	float:left;
}
.tj_wrapper ul li a {
	color:#4b4b4b;
	font-size:12px;
	list-style:none;
	display:block;
	width:150px;
	line-height:16px;
	margin:15px;
	overflow:hidden;
}
.tj_wrapper ul li a img {
	display:block;
	border:none;
	opacity:0.7;
	border:3px solid #fff;
	box-shadow:         0px 5px 7px #b7b7b7;
	-moz-box-shadow:    0px 5px 7px #b7b7b7;
	-webkit-box-shadow: 0px 5px 7px #b7b7b7;/*
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-transition: all 0.2s ease-in-out;
	*/
}
.tj_wrapper ul li h6 {
	color:#3b5998;
	margin:15px 0 0 0;
	font-weight:bold;
}
.tj_wrapper ul li a:hover img {
	opacity:1.0;
}
#tj_prev, #tj_next {
	position:absolute;
	top:50%;
	margin-top:-14px;
	background:url(../images/carousel_prev.png) no-repeat top left;
	width:27px;
	height:28px;
	z-index:50;
}
#tj_next {
	background:url(../images/carousel_next.png) no-repeat top left;
	right:0px;
}
/** USER MENU
 * ----------------------------------------------------------------------------------------------------
 */
#user_menu {
	right: 0px;
	bottom: 0px;
	float: right;
	position: relative;
	z-index: 999;
}
#user_menu a {
	-webkit-transition: background 0.3s ease-in;
	-moz-transition: background 0.3s ease-in;
	-o-transition: background 0.3s ease-in;
	transition: background 0.3s ease-in;
}
#user_menu a:active {
	-webkit-transition: none !important;
	-moz-transition: none !important;
	-o-transition: none !important;
	transition: none !important;
}
/* ===[ Menu ]=== */
#user_menu .menu {
	width: 140px;
	position: absolute;
	right: 0px;
	top: 30px;
	z-index: 2;
	display: none;
	border: 3px solid #006ee8;
	background-color: #ededed;
	overflow: hidden;
	-moz-box-shadow: 0px 0px 5px #383838;
	-webkit-box-shadow: 0px 0px 5px #383838;
	box-shadow: 0px 0px 5px #383838;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
	border-radius: 0px 0px 5px 5px;
}
.no-js #user_menu:hover .menu {
	display: block
}


#user_menu .menu ul{
	list-style:none;
	margin:0;
	}

#user_menu .menu ul li{
	list-style:none;
	display:block;
	text-align:left;

	}

#user_menu .menu ul li a{
	padding:8px 10px;
	font-weight:bold;
	display:block;
	border-bottom: 1px solid #d2d2d2;
	box-shadow:         0px 1px 0px #FFF;
	-moz-box-shadow:    0px 1px 0px #FFF;
	-webkit-box-shadow: 0px 1px 0px #FFF;
	background-color: #ededed;
	}
#user_menu .menu ul li a:hover{
	background:#fff;
	}
	
#user_menu .menu ul li a img{
	float:right;
	top:2px;
	position:relative;

	}
	
	
	
.tagged_friend_wrapper{
	border:1px solid #DFDEDE;
	background:#fff;
	padding:3px;
	min-height:18px;
	}
	
.tagged_friends{
    padding:2px 20px 2px 5px;
    display: inline-block;    
    border: 1px solid #98cfee;
    background-color: #e8edff;
    margin:2px 0px 2px 2px;
	position:relative;
	font-size:11px;
	}
	
.ie7 .tagged_friends{
	display:inline;
	}
	
.tagged_friends a.close{
	background:url(../images/close_notification.png) no-repeat 0px 0px;
	width:7px;
	height:7px;
	display:block;
	text-indent:-999em;
	position:absolute;
	top:3px;
	right:3px;
	}
	
.tagged_friends a.close:hover{
	background-position:0px -7px;
	}
/** Debugging **/
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
/** Tables **/
table.cake-sql-log {
	background: #fff;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
table.cake-sql-log th {
	border:0;
	border-bottom:2px solid #555;
	text-align: left;
	padding:4px;
}
table.cake-sql-log th a {
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
table.cake-sql-log tr td {
	background: #fff;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
table.cake-sql-log tr:nth-child(2n) td {
	background: #f5f5f5;
}
table.cake-sql-log .altrow td {
	background: #f5f5f5;
}
table.cake-sql-log td.actions {
	text-align: center;
	white-space: nowrap;
}
table.cake-sql-log td.actions a {
	margin: 0px 6px;
	padding:2px 5px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
	font-family: Monaco, Consolas, "Courier New", monospaced;
}
.cake-sql-log caption {
	color:#fff;
}
/* Useful styles from cake.generic */
form .required {
	/*font-weight: bold;*/
}
form .required label:after {
	color: #e32;
	content: '*';
	display:inline;
}

/**
CUSTOM STYLE - BY DEVELOPERS
**/
.button_lineheight14 {
	line-height:14px;
}
.empty {
	color:#CACACA;
}